.p-1{padding: 3px;}
.p-2{padding: 6px;}
.p-3{padding: 9px;}
.p-4{padding: 12px;}
.p-5{padding: 15px;}
.p-6{padding: 20px;}
.p-7{padding: 25px;}
.p-8{padding: 30px;}

.pt-1{padding-top: 3px;}
.pt-2{padding-top: 6px;}
.pt-3{padding-top: 9px;}
.pt-4{padding-top: 12px;}
.pt-5{padding-top: 15px;}
.pt-6{padding-top: 20px;}
.pt-7{padding-top: 25px;}
.pt-8{padding-top: 30px;}

.pb-1{padding-bottom: 3px;}
.pb-2{padding-bottom: 6px;}
.pb-3{padding-bottom: 9px;}
.pb-4{padding-bottom: 12px;}
.pb-5{padding-bottom: 15px;}
.pb-6{padding-bottom: 20px;}
.pb-7{padding-bottom: 25px;}
.pb-8{padding-bottom: 30px;}

.pl-1{padding-left: 3px;}
.pl-2{padding-left: 6px;}
.pl-3{padding-left: 9px;}
.pl-4{padding-left: 12px;}
.pl-5{padding-left: 15px;}
.pl-6{padding-left: 20px;}
.pl-7{padding-left: 25px;}
.pl-8{padding-left: 30px;}

.pr-1{padding-right: 3px;}
.pr-2{padding-right: 6px;}
.pr-3{padding-right: 9px;}
.pr-4{padding-right: 12px;}
.pr-5{padding-right: 15px;}
.pr-6{padding-right: 20px;}
.pr-7{padding-right: 25px;}
.pr-8{padding-right: 30px;}

.mt-1{margin-top: 3px;}
.mt-2{margin-top: 6px;}
.mt-3{margin-top: 9px;}
.mt-4{margin-top: 12px;}
.mt-5{margin-top: 15px;}
.mt-6{margin-top: 20px;}
.mt-7{margin-top: 25px;}
.mt-8{margin-top: 30px;}

.mb-1{margin-bottom: 3px;}
.mb-2{margin-bottom: 6px;}
.mb-3{margin-bottom: 9px;}
.mb-4{margin-bottom: 12px;}
.mb-5{margin-bottom: 15px;}
.mb-6{margin-bottom: 20px;}
.mb-7{margin-bottom: 25px;}
.mb-8{margin-bottom: 30px;}

.ml-1{margin-left: 3px;}
.ml-2{margin-left: 6px;}
.ml-3{margin-left: 9px;}
.ml-4{margin-left: 12px;}
.ml-5{margin-left: 15px;}
.ml-6{margin-left: 20px;}
.ml-7{margin-left: 25px;}
.ml-8{margin-left: 30px;}

.mr-1{margin-right: 3px;}
.mr-2{margin-right: 6px;}
.mr-3{margin-right: 9px;}
.mr-4{margin-right: 12px;}
.mr-5{margin-right: 15px;}
.mr-6{margin-right: 20px;}
.mr-7{margin-right: 25px;}
.mr-8{margin-right: 30px;}

.px-1{padding: 0 3px;}
.px-2{padding: 0 6px;}
.px-3{padding: 0 9px;}
.px-4{padding: 0 12px;}
.px-5{padding: 0 15px;}
.px-6{padding: 0 20px;}
.px-7{padding: 0 25px;}
.px-8{padding: 0 30px;}

.py-1{padding: 3px 0;}
.py-2{padding: 6px 0;}
.py-3{padding: 9px 0;}
.py-4{padding: 12px 0;}
.py-5{padding: 15px 0;}
.py-6{padding: 20px 0;}
.py-7{padding: 25px 0;}
.py-8{padding: 30px 0;}

.mx-1{margin: 0 3px;}
.mx-2{margin: 0 6px;}
.mx-3{margin: 0 9px;}
.mx-4{margin: 0 12px;}
.mx-5{margin: 0 15px;}
.mx-6{margin: 0 20px;}
.mx-7{margin: 0 25px;}
.mx-8{margin: 0 30px;}

.my-1{margin: 3px 0;}
.my-2{margin: 6px 0;}
.my-3{margin: 9px 0;}
.my-4{margin: 12px 0;}
.my-5{margin: 15px 0;}
.my-6{margin: 20px 0;}
.my-7{margin: 25px 0;}
.my-8{margin: 30px 0;}
